<template>
  <div>
    <p-modal
      title="预览"
      :visible="visible"
      :confirm-loading="confirmLoading"
      @ok="handleOk"
      @cancel="handleCancel"
    >


    <span v-for="(item, index) in trainPathDetailList" :key="index">
     &nbsp;&nbsp;&nbsp;&nbsp; {{item.projectContent}}  <p-icon v-if="index < trainPathDetailList.length -1 " type="arrow-right" /> 
    </span>


    </p-modal>
  </div>
</template>
<script>

export default {
  props: {
    trainPathDetailList: Array
  },
  data() {
    return {
      visible: false,
      confirmLoading: false,
    };
  },
  mounted() {
  },
  methods: {
    showModal(){
      this.visible = true
    },
    handleOk(e) {
      this.visible = false;
    },
    handleCancel(e) {
      console.log("Clicked cancel button");
      this.visible = false;
    },
  },
};
</script>
